<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <footer>
        <div class="block">
            <div class="box">
                <div class="left">
                    <p class="block-top">电子通讯</p>
                    <p class="block-under">立即订阅，掌握迪奥最新动态资讯</p>
                    <form>
                        <div class="text-input">
                            <span class="block-span">
                                <input type="text" placeholder="*输入您的邮箱">
                            </span>
                        </div>
                        <button><span>确定</span></button>
                    </form>
                </div>
            </div>
            <div class="box">
                <ul class="box-ul">
                    <li class="box-li">联系我们</li>
                    <li class="box-li">配送及退换货</li>
                    <li class="box-li">常见问题</li>
                    <li class="box-li">使用条款</li>
                    <li class="box-li">数据保护章程</li>
                    <li class="box-li">一般销售条件</li>
                </ul>
                <div class="logal">
                    <div class="logal-line">
                        <div class="img"><img src="https://media.dior.cn/hzn/china-3.png" alt=""></div>
                        <a class="logal-a">电子营业执照</a>
                    </div>
                    <div class="logal-line">
                        <div class="img"><img src="https://media.dior.cn/hzn/china-0.png" alt=""></div>
                        <a class="logal-a">电沪公网安备 31010602002343号</a>
                    </div>
                    <div class="logal-line">
                        <div class="img"><img src="https://media.dior.cn/hzn/china-1.png" alt=""></div>
                        <a class="logal-a">沪ICP备19005922号</a>
                    </div>
                    <div class="logal-line">
                        <a href="">尚圃电子商务（上海）有限公司</a>
                    </div>
                    <div class="logal-line">
                        <a href="">上海市南京西路1266号恒隆广场1期29F</a>
                    </div>
                </div>
            </div>
            <div class="box">
                <div class="box-top">
                    <div class="topp">
                        <p class="p-top"><span>关注我们</span></p>
                        <ul class="ul-top">
                            <li class="li-top"><span class="iconfont icon-27"></span></li>
                            <li class="li-top"><span class="iconfont icon-weixin1"></span></li>
                        </ul>
                    </div>
                </div>
                <div class="box-under">
                    <div class="topp">
                        <p class="p-top"><span>国家/地区</span></p>
                        <div class="under-form">
                          <button class="language">
                               <div class="lan-text">
                                  <div class="lan-left">
                                      <span class="lan-icon iconfont icon-quanbudingdan-01"></span>
                                        <span class="left-text">中国大陆(CNY￥)</span>
                                    </div>
                                    <div class="lan-right"><span class="right-icon iconfont icon-chevron-thin-down""></span></div>
                                        
                                    
                                
                          </button>
                          <div class="lan-ul">
                               <ul class="ul-ul">
                                   <li><p class="lan-p"><span class="lan-span1">Europe</span></p></li>
                                   <li><a class="lan-a"><span class="lan-span2 iconfont icon-quanbudingdan-01"></span><span class="lan-span1">Austria (EUR€)</span></a></li>
                                    <li><a class="lan-a"><span class="lan-span2 iconfont icon-quanbudingdan-01"></span><span class="lan-span1">België (EUR€)</span></a></li>
                                    <li><a class="lan-a"><span class="lan-span2 iconfont icon-quanbudingdan-01"></span><span class="lan-span1">Belgique (EUR€)</span></a></li>
                                    <li><a class="lan-a"><span class="lan-span2 iconfont icon-quanbudingdan-01"></span><span class="lan-span1">Danmark (EUR€)</span></a></li>
                                    <li><a class="lan-a"><span class="lan-span2 iconfont icon-quanbudingdan-01"></span><span class="lan-span1">Deutschland (EUR€)</span></a></li>
                                    <li><a class="lan-a"><span class="lan-span2 iconfont icon-quanbudingdan-01"></span><span class="lan-span1">España (EUR€)</span></a></li>

                               </ul>
                          </div>  
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>
<script>



        $(function() {
            $(".lan-right").click(function(){
                if(!$(".lan-ul").hasClass("active")){
                    $(".lan-ul").addClass("active")
                }else{
                    $(".lan-ul").removeClass("active")
                }
            })
            
        });
</script>